<div ng-mouseenter="pause()" ng-mouseleave="play()" class="wi-carousel" ng-swipe-right="prev()" ng-swipe-left="next()">
    <ul class="wi-carousel-ul" ng-show="slides.length > 1">
        <li ng-repeat="slide in slides track by $index" ng-class="{'wi-carousel-active': isActive(slide)}" ng-click="select(slide)"></li>
    </ul>
    <div class="wi-carousel-inner" ng-transclude></div>
    <a class="wi-carousel-ctrl wi-carousel-ctrl-left" ng-click="prev()" ng-show="slides.length > 1"><span class="fa fa-chevron-left"></span></a>
    <a class="wi-carousel-ctrl wi-carousel-ctrl-right" ng-click="next()" ng-show="slides.length > 1"><span class="fa fa-chevron-right"></span></a>
</div>
